/* Scss Document */

.remark-wrapper{
	.g-navbar{
		padding:18px 0;
		height: 76px;
		background-color: #f7f7f7;
	}
	.lh-pagination{
		text-align: right;
	}
}
.z-school-review{
	background:url(#{$firstlevel-path}images/subpage/screen-bg_02.jpg) no-repeat;
	min-height: 400px;
	padding-top: 86px;
	margin-top: 25px;
	&.s-school-detail-panel{
		padding-top:0;
		margin-top:-95px;
		background-color:#fff;
		background-image:none;
	}
	&.s-contact-sect{
		padding-top:50px;
	}
	&.bg1{background:url(#{$firstlevel-path}images/subpage/screen-bg_01.png) no-repeat;}
	&.bg2{background:url(#{$firstlevel-path}images/subpage/screen-bg_02.png) no-repeat;}
	&.bg3{background:url(#{$firstlevel-path}images/subpage/screen-bg_03.png) no-repeat;}
	&.bg4{background:url(#{$firstlevel-path}images/subpage/screen-bg_04.png) no-repeat;}
	&.bg5{background:url(#{$firstlevel-path}images/subpage/screen-bg_05.png) no-repeat;}
	&.bg6{background:url(#{$firstlevel-path}images/subpage/screen-bg_06.png) no-repeat;}
	&.bg7{background:url(#{$firstlevel-path}images/subpage/screen-bg_07.png) no-repeat;}
	&.bg8{background:url(#{$firstlevel-path}images/subpage/screen-bg_08.png) no-repeat;}
}
.s-school-detail-panel{
	.grade{
		position: relative;
		.g-bd{
			background-color:#fff;
			@include fn-border-radius(2px);
		}
	}
}


/*详情样式*/
.s-details-panel{
	position: relative;
	.review-list{
		margin-top:32px;
	}
}
.s-details-hd{
	margin-bottom:32px;
	width:100%;
}
.s-school-name{
	margin:0;
	font-size:24px;
	color:#fff;
}
.s-school-add{
	margin-top:17px;
	display:block;
	width:100%;
	font-size:16px;
	color:#fff;
	font-weight:400;
	line-height:20px;
}
.s-details-bd{
	width:100%;
	@include fn-clearfix;
	&:before{
		display:table;
		content:'';
	}
}
.s-details-col{
	margin:0;
	margin-top:40px;
	width:100%;
	height:60px;
	background:#f5f5f5;
	border-top:1px solid #e4e4f0;
	border-bottom:1px solid #e4e4f0;
	line-height:58px;
	font-size:12px;
	color:#ccc;
	text-transform: uppercase;
	font-family:"Arial";
	span{
		position: relative;
		display:inline-block;
		padding:0 20px;
		font-size:16px;
		color:#666;
		font-weight:700;
		&:before{
			position: absolute;
			left:0;
			bottom:0;
			content:'';
			display:block;
			width:100%;
			height:2px;
			background:#f27e7e;
		}
	}
}

.d-school-msg{
	margin-top:40px;
	width:100%;
	height:263px;
}
.d-school-pic,.d-school-txt{
	display:table-cell;
	vertical-align: top;
	height:inherit;
}
.d-school-pic{
	width:460px;
	img{
		width:100%;
		height:100%;
	}
}
.d-school-txt{
	padding-left:37px;
	width:400px;
	p{
		font-size:14px;
		color:#666;
		em{
			font-style: normal;
			color:#999;
		}
	}
	.d-link{
//		margin-top: 35px;
		margin-top: 20px;
		display:block;
		width:160px;
		height:60px;
		@include fn-border-radius(2px);
		text-align:center;
		line-height:60px;
		font-size:16px;
		color:#fff;
		@include fn-text-shadow(1px 0 2px rgba(16,35,114,.4));
		background: #435abe;
		background: -moz-linear-gradient(left,  #435abe 0%, #60a6ef 100%);
		background: -webkit-linear-gradient(left,  #435abe 0%,#60a6ef 100%);
		background: linear-gradient(to right,  #435abe 0%,#60a6ef 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435abe', endColorstr='#60a6ef',GradientType=1 );
	}
}
.d-school-tit{
	margin:20px 0 10px 0;
	font-size: 18px;
	line-height:20px;
	color:#333;
	@include fn-text-ellipsis;
}
.d-review-data{
	display:inline-block;
	margin-bottom:5px;
	font-size:14px;
	color:#eb6262;
	strong{
		font-size:28px;
		font-family:"Arial";
		font-weight:400;
	}
}
.s-details-review{
	margin-top:40px;
	width:100%;
	overflow: hidden;
}
.details-form,.details-star{
	display:table-cell;
	vertical-align: top;
}
.details-form{
	width:484px;
}
.d-form-group{
	width:100%;
	textarea{
		padding:20px;
		width:100%;
		height:150px;
		border:1px solid #e4e4f0;
		background:#f5f5f5;
		font-size:14px;
		color:#999;
		line-height:24px;
		resize: none;
	}
}
.submit-panel{
	margin-top:15px;
	width:100%;
	height:82px;
	input{
		float:left;
		width:120px;
		height:40px;
		border:1px solid #e6e6e6;
		background:#f7f7f7;
		text-align:center;
		line-height:38px;
		font-size:14px;
		color:#999;
	}
	span{
		float:left;
		margin:0 22px;
		width:120px;
		font-size:14px;
		text-align:center;
		line-height:38px;
	}
	em{
		display:block;
		width:120px;
		height:40px;
		img{
			width:100%;
			height:100%;
		}
	}
}
.d-submit-btn{
	float:right;
	width:200px;
	height:50px;
	@include fn-border-radius(2px);
	border:none;
	font-size:16px;
	color:#fff;
	@include fn-text-shadow(1px 0 2px rgba(192,53,11,.4));
	background: #ff6f43;
	background: -moz-linear-gradient(left,  #ff6f43 0%, #ff9f58 100%);
	background: -webkit-linear-gradient(left,  #ff6f43 0%,#ff9f58 100%);
	background: linear-gradient(to right,  #ff6f43 0%,#ff9f58 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f43', endColorstr='#ff9f58',GradientType=1 );
	cursor:pointer;
}
.details-star{
	padding-left:56px;
	width:376px;
	li{
		margin-bottom:27px;
		width:100%;
		height:32px;
	}
	span{
		float: left;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    width: 100px;
    text-align: right;
	}
}
.st-p30{
	padding-left: 30px;
}
.star-panel{
	padding-left: 5px;
	float:left;
	width:240px;
	height:32px;
	overflow: hidden;
	i{
		float: left;
		margin:0 7px;
		font-size:32px;
		line-height:32px;
		color:#ccc;
		cursor: pointer;
		&.active{
			color:#ffa657;
		}
		&:hover{
			color:#ffa657;
		}
		&.on{
			color:#ffa657;
		}
	}
}

.s-details-link{
	width:100%;
	overflow:hidden;
	.d-link-item{
		margin-top:25px;
		float:left;
		width:160px;
		span{
			display:block;
			width:100%;
			height:22px;
			font-size:14px;
			text-align:center;
			line-height:22px;
			color:#999;
			em{
				font-style: normal;
				color:#568cde;
			}
		}
	}
	.d-more{
		display:block;
		width:160px;
		height:60px;
		@include fn-border-radius(2px);
		font-size:16px;
		color:#fff;
		text-align:center;
		line-height:60px;
		@include fn-text-shadow(1px 0 2px rgba(0,0,0,.2));
		background: #435abe;
		background: -moz-linear-gradient(left,  #435abe 0%, #60a6ef 100%);
		background: -webkit-linear-gradient(left,  #435abe 0%,#60a6ef 100%);
		background: linear-gradient(to right,  #435abe 0%,#60a6ef 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435abe', endColorstr='#60a6ef',GradientType=1 );
	}
}

.school-pic-panel{
	margin-top:20px;
	position:relative;
	width:100%;
	height:200px;
}
.school-pic-hd{
	a{
		position: absolute;
		top:50px;
		z-index:1;
		display:block;
		width:30px;
		height:60px;
		background:url(#{$firstlevel-path}images/common/btransparent20.png) repeat;
		text-align:center;
		line-height:60px;
		color: #fff;
		@include fn-border-radius(3px);
		font-size:40px;
		&.prev{
			left:0;
		}
		&.next{
			right:0;
		}
	}
}
.school-pic-bd{
	width:100%;
	height:200px;
	overflow:hidden;
	.tempWrap{
		width:860px!important;
	}
	.picList{
		margin:0 -5px !important;
	}
}
.s-pic-item{
	float:left;
	width:290px;
	height:200px;
	/*&+.s-pic-item{
		margin-left:10px;
	}*/
	a{
		padding:0 5px;
		display:block;
		width:100%;
		height:160px;
		img{
			width:100%;
			height:100%;
		}
	}
	span{
		display:block;
		wdith:100%;
		height:34px;
		line-height:34px;
		text-align:center;
		font-size:14px;
		color:#666;
		@include fn-text-ellipsis;
	}
}

.s-details-wrap{
	padding-top:30px;
	width:100%;
	overflow:hidden;
	font-size:14px;
	color:#666;
	line-height:30px;
	img{
		width:100%;
	}
}

.s-style-sect{
	width:100%;
	@include fn-clearfix;
}
.s-style-items{
	margin:9px -5px;
	height: 340px;
	overflow:hidden;
	@include fn-clearfix;
}

.s-style-item{
	margin:5px;
	float:left;
	width:280px;
	height:160px;
	img{
		width:100%;
		height:100%;
	}
}
.s-style-more{
	margin:10px auto;
	display:block;
	width:260px;
	height:36px;
	@include fn-border-radius(18px);
	background:#f5f5f5;
	border:1px solid #e4e4f0;
	font-size:14px;
	color:#666;
	text-align: center;
	line-height:34px;
	&:hover{
		color:#f55d2d;
		background:#fff;
		@include fn-box-shadow(0 0 10px rgba(0,0,0,.1));
	}
}
















